<template>
	<view class="user">
		<u-navbar  title="" back-text="经纪人中心" :is-back="true"  :background="{ background: '#000' }" :back-text-style="{color:'#FFF'}" back-icon-color="#fff"> </u-navbar>
		<userHead />
		<div class="main">
		    <div class="tab-navs">
				<div :class="tab==0?'tab-nav center cur-tab':'tab-nav center'"   @click="tab = 0">
					<div class="user-tab house-icon"></div>
					<div>我的房源</div>
				</div>
				<div :class="tab==1?'tab-nav center cur-tab':'tab-nav center'"   @click="tab = 1">
					<div class="user-tab account-icon"></div>
					<div>我的账户</div>
				</div>
				<div :class="tab==2?'tab-nav center cur-tab':'tab-nav center'"   @click="tab = 2">
					<div class="user-tab feedback-icon"></div>
					<div>意见反馈</div>
				</div>
			</div> 
			<div class="tab-content flexItem">
				 <accountList v-if="tab==0"/>
				 <account v-if="tab==1"/>
				 <feedback v-if="tab==2"/>
			</div>
		</div>
		
		<tabBar/>
	</view>
</template>

<script>
	import {
		useI18n
	} from 'vue-i18n'
	import mixins from '@/common/mixin.js'
	export default {
		mixins: [mixins],
		data() {
			return {
              tab:0, 
			  title:"个人中心",
			  user:{},
			}
		},
		created() {
			 
			this.load()
		},
		methods: {
			async load(){ 
				
				// 查询交易列表
				var res = await this.ajax('/wx/transactionDetail/list')
				console.log("查询交易列表", res);   
			} 
			 
		}
	}
</script>
<style lang="scss">
	page {
		background: #FFF;
	}

	.user {
		//visibility: hidden;
		display: flex;
		flex-direction: column;
		padding: 0 0vw;
        .tab-navs{
		   display: flex;
		  .tab-nav{
			  flex:1;
              background: #EEE; 
			  display: flex;
			  flex-direction: column;		
			  align-items: center;
			  justify-content: center;
			  font-size: 14px;
			  padding: 5px;
		  }
		  .cur-tab{
			  background: #FFF; 
		  }
		}
		.p-btn {
			width: 100px;
			margin: 10px;
		}
	}
</style>
